Веб-дизайн с нуля для детей от Coddy

Программа курса

Вас ждёт онлайн-курс по веб-дизайну, состоящий из шести тематических модулей, посвящённых освоению навыков работы в графических редакторах, прототипированию сайтов и разработке пользовательских интерфейсов. В качестве итоговых проектов ученики курса спроектируют несколько видов веб-сайтов и презентуют результат преподавателям.

1 месяц

Познакомитесь с базовым инструментарием разработки дизайна веб-интерфейсов и научитесь описывать их функционал. Сможете создавать компоненты интерфейса в редакторе Figma с помощью различных методик и инструментов. Отработаете на практике дублирование элементов экрана для создания визуализации интерфейса в программе. Получите представление об исследовании целевой аудитории и познакомитесь с сервисами для тестирования юзабилити и получения обратной связи от пользователей.

Познакомитесь с базовым инструментарием разработки дизайна веб-интерфейсов и научитесь описывать их функционал.

Сможете создавать компоненты интерфейса в редакторе Figma с помощью различных методик и инструментов.

Отработаете на практике дублирование элементов экрана для создания визуализации интерфейса в программе.

Получите представление об исследовании целевой аудитории и познакомитесь с сервисами для тестирования юзабилити и получения обратной связи от пользователей.

2 месяц

Проанализируете информацию, полученную от пользователей по итогам опроса и проработаете User Scenarios. Познакомитесь с принципами моделирования исследований и ситуаций в соответствии с Human centered design process. Рассмотрите отличительные особенности UX и UI, разберёте технические нюансы разработки веб-интерфейсов. Приступите к созданию визуализаций и композиций с помощью прототипирования модели с низкой детализацией.

Проанализируете информацию, полученную от пользователей по итогам опроса и проработаете User Scenarios.

Познакомитесь с принципами моделирования исследований и ситуаций в соответствии с Human centered design process.

Рассмотрите отличительные особенности UX и UI, разберёте технические нюансы разработки веб-интерфейсов.

Приступите к созданию визуализаций и композиций с помощью прототипирования модели с низкой детализацией.

3 месяц

Познакомитесь с программой MarvelApp и освоите создание интерактивного прототипа с переходами и применением принципов юзабилити. Построите прототип интерфейса высокой детализации на основе данных, полученных из Customer Journey Map. Разберёте гайдлайны Material Design и iOS, научитесь использовать плагины при моделировании визуализаций. Примените полученные знания на практике и сможете выстраивать композицию образа в соответствии с правилами колористики и дизайна.

Познакомитесь с программой MarvelApp и освоите создание интерактивного прототипа с переходами и применением принципов юзабилити.

Построите прототип интерфейса высокой детализации на основе данных, полученных из Customer Journey Map.

Разберёте гайдлайны Material Design и iOS, научитесь использовать плагины при моделировании визуализаций.

Примените полученные знания на практике и сможете выстраивать композицию образа в соответствии с правилами колористики и дизайна.

4 месяц

Научитесь обрабатывать фотографии и картинки в Photoshop, создавать коллажи и рисовать графические объекты.  Примените полученные навыки рисования в редакторе на практике, результатом занятия станет элемент интерфейса, нарисованный с нуля. Разработаете композицию, состоящую из нескольких компонентов веб-интерфейса, связанных между собой. Научитесь моделировать серию иконок в Illustrator и переводить изображения в другой формат с помощью трассировки.

Научитесь обрабатывать фотографии и картинки в Photoshop, создавать коллажи и рисовать графические объекты. 

Примените полученные навыки рисования в редакторе на практике, результатом занятия станет элемент интерфейса, нарисованный с нуля.

Разработаете композицию, состоящую из нескольких компонентов веб-интерфейса, связанных между собой.

Научитесь моделировать серию иконок в Illustrator и переводить изображения в другой формат с помощью трассировки.

5 месяц

Смоделируете любимого игрового персонажа в Illustrator и отработаете детализацию одежды, лицп и волосы. Добавите разработанную на предыдущем уроке иллюстрацию к общей композиции будущего веб-интерфейса. Познакомитесь с Adobe Animate и освоите работу с покадровой анимацией для имитации движений персонажей и предметов. Примените полученные знания на практике и отразите динамику с помощью анимирования персонажа в программе.

Смоделируете любимого игрового персонажа в Illustrator и отработаете детализацию одежды, лицп и волосы.

Добавите разработанную на предыдущем уроке иллюстрацию к общей композиции будущего веб-интерфейса.

Познакомитесь с Adobe Animate и освоите работу с покадровой анимацией для имитации движений персонажей и предметов.

Примените полученные знания на практике и отразите динамику с помощью анимирования персонажа в программе.

6 месяц

Научитесь анимировать компоненты веб-интерфейса и добавлять движущиеся объекты в готовый проектный макет. Научитесь создавать лендинги с помощью сервиса-конструктора Tilda, освоите работу со стандартными блоками. Доработаете посадочную страницу и добавите анимированные изображения и иконки, созданные на предыдущих занятиях. Продемонстрируете преподавателям готовый результат в виде собственноручно созданного сайта и проработанного дизайна интерфейса.

Научитесь анимировать компоненты веб-интерфейса и добавлять движущиеся объекты в готовый проектный макет.

Научитесь создавать лендинги с помощью сервиса-конструктора Tilda, освоите работу со стандартными блоками.

Доработаете посадочную страницу и добавите анимированные изображения и иконки, созданные на предыдущих занятиях.

Продемонстрируете преподавателям готовый результат в виде собственноручно созданного сайта и проработанного дизайна интерфейса.